<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">

<!--
••••••••••••••••••••••••

Powered by Type & Grids™
www.typeandgrids.com

••••••••••••••••••••••••
-->

<title>Curiositá &mdash; ProyectoMultimedia</title>
<meta name="description" content="Los eventos más curiosos de la ciudad de Bogotá.">
<meta name="author" content="Dina Martínez - Johanna Durán - Ma. Claudia Licona">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


<!-- CSS
================================================================================================= -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/themes/type_04.css">
<link rel="stylesheet" href="css/themes/color_13.css">

<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Favicons
================================================================================================= -->
<link rel="shortcut icon" href="images/favicons/favicon.ico">
<link rel="apple-touch-icon" href="images/favicons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-114x114.png">

<!-- JS
================================================================================================= -->
<script src="js/libs/modernizr.min.js"></script>
<script src="js/libs/jquery-1.8.3.min.js"></script>
<script src="js/libs/jquery.easing.1.3.min.js"></script>
<script src="js/libs/jquery.fitvids.js"></script>
<script src="js/script.js"></script>

</head>
<body>

<!-- Write preloader to page - this allows the site to load for users with JS disabled -->
<script type="text/javascript">
	document.write("<div id='sitePreloader'><div id='preloaderImage'><img src='images/site_preloader.gif' alt='Preloader' /></div></div>");
</script>

<div class="container">
	
	<!-- Header begins ========================================================================== -->
	<header>
		<div id="logo">
			<a href="index.html"><img src="images/logo.png" alt="Logo Curiositá"></a>
		</div>
		<nav>
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="Quienes-somos.html">¿Quiénes somos?</a></li>
				<li><a href="ranking.html">Ranking</a></li>
				<li><a href="apoyos.html">Apoyos</a></li>
				<li><a href="contacto.html">Contacto</a></li>
				<!--<li><a href="http://wordpress.org" target="_blank">Blog</a></li>-->
			</ul>
		</nav>
		<hr />
	</header
	<!-- Header ends ============================================================================ -->


<div id="registraimg">

<img src="images/registracuriosidad.png">

</div>
<div id="formulariocuriosidad">
<h4>Formulario: Registro de curiosidades </h4>
<form >
<fieldset>
	<br>
<p> Nombre Completo : <input name="Nombre" type="text" value="ingrese su nombre" size="30px" maxlength="50"/> </p>
<p> Nombre Usuario en Twitter : <input name="Nombre" type="text" value="@miusuario" size="30px" maxlength="50"/> </p>

<p>
¿A qué categoría pertenece la curiosidad que desea agregar? : <br />

<input name="Categoria a seguir" type="radio" value="gastronomia" /> Gastronomía <br />
<input name="Categoria a seguir" type="radio" value="Antiguedades" /> Antiguedades <br />
<input name="Categoria a seguir" type="radio" value="Actividades nocturnas" /> Actividades nocturnas <br />
<input name="Categoria a seguir" type="radio" value="Sitios aledaños" /> Sitios aledaños <br />
<input name="Categoria a seguir" type="radio" value="Actividades verdes" /> Actividades verdes (Al aire) <br />
<input name="Categoria a seguir" type="radio" value="No sé en qué categoria ubicarla" checked="checked" /> No sé en qué categoria ubicarla <br />
</p>


<p> Nombre de la curiosidad: <input name="Nombre" type="text" value="La Curiosidad" size="30px" maxlength="50"/> </p>

<p>
<label for="text-parrafo"> ¿Por qué te parece curiosa? Haz una breve descripción: <br/></label>
<textarea name="area-text" id="areatext" cols="45" rows="5" value="Describe aquí tu curisosidad"></textarea>
</p>

<p> Dirección o ubicación del plan o evento: <input name="Nombre" type="text" value="dirección" size="30px" maxlength="50"/> </p>

<p> Teléfono o numero de contacto (Si lo conoces): <input name="Nombre" type="text" value="Telefono" size="30px" maxlength="50"/> </p>

<p> De cuánto consideras debe ser tu presupuesto para visitar este lugar  <input name="Nombre" type="text" value="presupuesto" size="30px" maxlength="50"/> </p>


<p>
¿Tienes imagenes qué anexar a esta curiosidad? ¡Súbelas! : <br />

<input name="Sugerencia" type="file" value="sugerencia-curiosidad" /> <br />
<input name="Sugerencia" type="file" value="sugerencia-curiosidad" /> <br />
<input name="Sugerencia" type="file" value="sugerencia-curiosidad" /> <br />
<input name="Sugerencia" type="file" value="sugerencia-curiosidad" /> <br />
<input name="Sugerencia" type="file" value="sugerencia-curiosidad" /> <br />
</p>



<br />
<input type="submit" name="enviar" value="Enviar"/> <BR/><BR/> 
</fieldset>


</form>	
	</div>
	
	<!-- Work page ends ========================================================================= -->
	
	
	<!-- Footer begins ========================================================================== -->
	<footer class="sixteen columns">
		<hr />
		<ul id="footerLinks">
			<li>&copy; 2013 Ivan Designostrom. All rights reserved.</li>
			<li><a href="mailto:hello@ivandesignostrom.com">hello@ivandesignostrom.com</a></li>
			<li><a href="http://www.twitter.com" target="_blank">Twitter</a></li>
			<!--Notice: The "Powered by Type & Grids" link in the footer is required in the Free version. Upgrade to the Pro version if you would like to remove it. (www.typeandgrids.com/pirates) -->
			<li>Powered by <a href="http://www.typeandgrids.com" target="_blank">Type &amp; Grids</a></li>
		</ul>
	</footer>
	<!-- Footer ends ============================================================================ -->
		
</div><!-- container -->
</body>
</html>